$(() => {
	/*  
		函数区域
		说明：每次都要经过
			请求数据 => 获取分页(切换分页 => 请求数据) => 渲染页面
	*/
	// 页面渲染函数
	function printfHTML(data) {
		$('.table.table-striped.table-bordered.table-hover.mp20 tbody')
			.empty()
			.append(template(
				'article', {
					data: data
				}))
	}

	// 获取分页函数
	function pages() {
		layui.use('laypage', () => {
			const laypage = layui.laypage
			laypage.render({
				elem: 'pager',
				limit: layUIdata.limit, //每页的数量
				count: layUIdata.count, //总页数
				jump: options => {
					// console.log(options.curr)
					layUIdata.current = data.page = options.curr
					getArticle()
				}
			})
		})
	}
	// 请求函数
	function getArticle(fn) {
		console.log(data)
		$.ajax({
			url: `http://localhost:8080/api/v1/admin/article/query`,
			data: data,
			success: res => {
				console.log(res)
				if (res.code !== 200) {
					layer.msg(res.msg, {
						time: 1500
					})
					return
				}
				if (typeof(fn) === 'function') fn(res)
				else printfHTML(res.data.data)
			}
		})
	}
	// 贯穿流程
	function total() {
		getArticle(res => {
			layUIdata = {
				count: res.data.totalCount,
				limit: res.data.data.length,
				current: 1
			}
			// console.log(layUIdata)
			pages()
		})
	}
	// 获取类别
	(category => {
		$.ajax({
			url: `http://localhost:8080/api/v1/admin/category/list`,
			success: res => {
				// console.log(res.data)
				if (res.code !== 200) {
					layer.msg(res.msg, {
						time: 1500
					})
					return
				}
				$('#selCategory').append(template('category', {
					data: res.data
				}))
			}
		})
	})();



	/*  
		全局变量区域
	*/
	// 请求参数
	let data = {
		key: '', //关键字
		type: '', //类型：1-爱生活 2-爱旅行 3-爱美食 4-爱运动 5-经济特区
		state: '', //状态
		page: '', //当前页默认1
		perpage: '' //每页显示数量(我只用6)
	}
	// layui所需参数
	let layUIdata = {
		current: 1, //当前页码
		count: 0, //列表总数
		limit: 0 //单列数量
	}

	/* 
		业务处理区域
		我所要做的只有改变数据，然后执行total()
	 */
	// 页面初始渲染
	total()
	// getArticle2()

	// 重置
	$('.form-inline input:reset').click(() => {
		layer.msg('初始化', {
			time: 1500
		})
		// 初始化所有数据
		$('#aname').val('')
		$('#selCategory').val('')
		$('#selStatus').val('')
		data = {
			key: '', //关键字
			type: '', //类型：1-爱生活 2-爱旅行 3-爱美食 4-爱运动 5-经济特区
			state: '', //状态
			page: '', //当前页默认1
			perpage: '' //每页显示数量
		}
		total()
	})

	// 分类筛选
	$('#btnSearch').click(() => {
		layer.msg('筛选', {
			time: 1500
		})
		data = {
			key: $('#aname').val().trim(),
			state: $('#selStatus option:selected').val().trim()
		}
		data.type = $('#selCategory option:selected').index() ? $('#selCategory option:selected')
			.index() : ''
		// console.log(data)
		total()
	})
})
